<template>
  <div class="in-img">
        <header>
            <!--logo-->
            <div class="repair-logo pull-left mar-l3 mar-t66"></div>
            <div class="dropdown in-down-box">
            	<button type="button" class="btn btn-bg" id="dropdownMenu1" data-toggle="dropdown"><img src="img/icon04.png" width="12" height="10"></button>
                <ul class="dropdown-menu in-downmenu" aria-labelledby="dropdownMenu1">
                    <li><a href="#">数字后勤服务大厅</a></li>
                    <li><a href="#">服务监督</a></li>
                    <li><a href="#">运驾中心</a></li>
                    <li><a href="#">膳食服务</a></li>
                </ul>
          	</div>
            <!--menu-->
            <div class="pull-left repair-menu">
                <div class="repair-home">
                    <div class="menu-box">
                        <div class="txt-box tab-bg" style="display: none; ">
                            首页<br /><span class="ft12">Home</span>
                        </div>
                        <div class="icon txt">
                            <img src="img/icon-home.png">
                        </div>
                    </div>
                </div>
                <div class="repair-notice">
                    <div class="menu-box">
                        <div class="txt-box" style="display: none; ">
                            通知公告
                        </div>
                        <div class="icon">
                            <img src="img/icon-notice.png">
                        </div>
                    </div>
                </div>
                <div class="repair-guide">
                    <div class="menu-box">
                        <div class="txt-box" style="display: none; ">
                            服务指南
                        </div>
                        <div class="icon">
                            <img src="img/icon-guide.png">
                        </div>
                    </div>
                </div>
                <div class="repair-user">
                    <div class="menu-box">
                        <div class="txt-box tab-bg" style="display: none; ">
                            用户中心
                        </div>
                        <div class="icon txt">
                            <img src="img/icon-user.png">
                        </div>
                    </div>
                </div>
            </div>
            <!--/menu-->
            <!--user login-->
            <div class="user-box in-user-txt">
                <div class="b-login">
                  <i></i>
                  <a href="#">登录</a>&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="#">注册</a>
           		</div>
                <div class="a-login hidden">
                  <i><img src="img/temp03.jpg" width="30" height="30" class="img-circle"></i>
                    <a href="#">Chenshangcai</a>&nbsp;&nbsp;&nbsp;
                    <a href="#">
                      <img src="img/icon-dope.png" width="20" height="19"> <span class="label label-danger">20</span>
                    </a>
                </div>
            </div>
            <!--/user-->
        </header>
        <p class="clearfix"></p>
        <!--左侧导航-->
        <div class="in-sidenav">
        	<!--已有报修内容-->
            <div class="menu-box">
                <div class="txt-box bg-blue" style="display: none; "><p><img src="img/icon01.png" width="34" height="34"></p>已有报修</div>
                <div class="line bg-blue"></div>
            </div>
            
            <!--报修统计-->
            <div class="menu-box">
                <div class="txt-box bg-orange" style="display: none; "><p><img src="img/icon01.png" width="34" height="34"></p>报修统计</div>
                <div class="line bg-orange"></div>
            </div>
            
            <!--我的报修-->
            <div class="menu-box">
                <div class="txt-box bg-green" style="display: none; "><p><img src="img/icon01.png" width="34" height="34"></p>我的报修</div>
                <div class="line bg-green"></div>
            </div>
        </div>
    	<!--首页文字-->
        <div class="in-txt"><img src="img/in-txt.png" width="400"></div>
        <!--报修按钮-->
        <div class="in-btn">
          <div class="dropdown pull-left">
            <button type="button" id="dropdownMenu2" data-toggle="dropdown" class="btn btn-green btn-lg"><img src="img/code.png" width="26" height="26"></button>
            <ul class="dropdown-menu code-menu" aria-labelledby="dropdownMenu2">
				<li><img src="img/b-code.png" width="108" height="108" alt=""/></li>
				<li>扫码关注公众号</li>
			</ul>
           </div>
            <button type="button" data-toggle="tooltip" title="切换到另一视图窗口" class="btn btn-blue btn-lg"><img src="img/icon-seitch.png" width="25" height="19"></button>
            <button type="button" data-toggle="tooltip" title="进入报修页面" class="btn btn-orange btn-lg ft18"><img src="img/icon-edit.png">&nbsp;&nbsp;我要报修</button>
        </div>
    	<!--首页版权-->
        <p class="clearfix"></p>
        <footer>
        	<div class="footer">
                <div class="ft14 pull-left"><a href="#" class="link ft18">数字后勤服务大厅</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">运驾中心</a> - <a href="#">服务监督</a> - <a href="#">膳食服务</a> </div>
                <div class="ft12 pull-left txt">
                    <p>版权所有：西南大学资产经营公司 (渝ICP 06005063号)</p>
                    <p>重庆市北碚区天生路2号 邮编：400715</p>
                </div>
            </div>
        </footer>
  </div>
</template>

<script>
import '@/assets/css/style.css'
import '@/assets/css/bootstrap.css'
</script>

<style scoped>
</style>